

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="title" content="Fydal" />
<meta name="description" content="Manage your app&#039;s user feedback from Apple&#039;s App Store, Google Play, Twitter, etc..." />
<meta name="keywords" content="app, app store, google, google play, feedback, comments, ratings, twitter, android, ios, user, customer, backlog" />
<meta name="language" content="en" />
        <title>Fydal</title>
        <link rel="shortcut icon" href="/favicon.ico" />
    
        <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        
        <link rel="stylesheet" type="text/css" media="screen" href="/css/main.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap-responsive.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/jquery-ui-1.8.21.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/jquery.loadmask.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/jquery.tagit.css" />
        <script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="/js/jquery.loadmask.js"></script>
<script type="text/javascript" src="/js/tag-it.js"></script>
<script type="text/javascript" src="/js/bootstrap.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
    </head>

    <body>
    
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                
                <a class="brand" href="/feedback">Fydal <sub>BETA</sub></a>
                
                <div class="nav-collapse">
                    <ul class="nav">
                        <li id="menu-home"><a href="/feedback"><i class="icon-home icon-white"></i>Home</a></li>
                        <li id="menu-list"><a href="/feedback/list"><i class="icon-th-list icon-white"></i>View feedback</a></li>
                        <!--li id="menu-update"><a href="/feedback/update"><i class="icon-refresh icon-white"></i>Updates</a></li-->
                        <li id="menu-addSource"><a href="/feedback/addSource"><i class="icon-plus icon-white"></i>Add source</a></li>
                        <li id="menu-setup"><a href="/feedback/setup"><i class="icon-cog icon-white"></i>Setup</a></li>
                    </ul>
                    <ul class="nav pull-right">
                        <li id="menu-give-feedback"><a href="#" id="give-feedback-open"><i class="icon-comment icon-white"></i>Give feedback</a></li>
                        <li id="menu-help"><a href="/home/help"><i class="icon-book icon-white"></i>Help</a></li>
                        <li id="menu-about"><a href="/home/contact"><i class="icon-user icon-white"></i>About</a></li>
                        <li id="menu-logout"><a href="/home/doLogout"><i class="icon-eject icon-white"></i>Log out</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="container" id="main">
        
        
<h2>Oops...</h2>

<div class="alert alert-warning">We couldn't find the page you're looking for. <strong>You should be really meta</strong> and send us some feedback about it via our <a href="/home/contact">contact page</a>.</div>
    
    </div>
    
    <div class="footer" style="text-align: center;">
        <hr style="width: 50%; margin-left: auto; margin-right: auto;" />
        <!--p><a href="/">Home</a> | <a href="/home/help">Help</a> | <a href="/home/contact">About/Contact</a></p-->
        <p>Created by Cameron Ross, &copy; 2012</p>
    </div>

    <!-- Give feedback modal popup -->
    <div class="modal hide fade" id="give-feedback-modal" style="margin-top: -200px;">
        <div class="modal-header">
            <h3>Tell us what you think of Fydal</h3>
        </div>
        <div class="modal-body main">
            <form class="form-horizontal" id="give-feedback-form" method="post" action="/home/doLogin">
                
                <fieldset>
                    <div class="control-group">
                        <label class="control-label" for="type">Feedback type</label>
                        <div class="controls">
                            <select id="type">
                                <option value="feature-request">Feature request</option>
                                <option value="bug-report">Bug report</option>
                                <option value="question">Question</option>
                                <option value="comment">Comment</option>
                                <option value="other">Other</option>
                            </select>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="message">Message</label>
                        <div class="controls">
                            <textarea class="input-xlarge" id="message" rows="5"></textarea>
                        </div>
                    </div>
                </fieldset>
            </form>
        </div>
        <div class="modal-body thanks" style="display: none;">
            <h3 style="text-align: center;">Thanks!</h3>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal">Cancel</button>
            <button id="give-feedback-submit" class="btn btn-primary">Send</button>
        </div>
    </div>

    <script type="text/javascript">
        $("#give-feedback-open").click(function() {
            $("#give-feedback-modal").modal();
            
            $("#type").val("feature-request");
            $("#message").val("");
            
            $("#give-feedback-modal .modal-body.thanks").hide();
            $("#give-feedback-modal .modal-header").show();
            $("#give-feedback-modal .modal-body.main").show();
            $("#give-feedback-modal .modal-footer").show();
            
            $("#give-feedback-modal").on("shown", function () {
                $("#message").focus();
            });
        });
        
        $("#give-feedback-submit").click(function() {
            if ($("#message").val()) {
                $("#give-feedback-modal").mask("Sending...");
                
                var url = "/home/giveFeedback?type=" + $("#type").val() + "&message=" + encodeURIComponent($("#message").val());
                
                $.getJSON(
                    url,
                    function(data) {
                        $("#give-feedback-modal").unmask();
                        
                        // TODO Transition these nicely
                        $("#give-feedback-modal .modal-body.thanks").show();
                        $("#give-feedback-modal .modal-header").hide();
                        $("#give-feedback-modal .modal-body.main").hide();
                        $("#give-feedback-modal .modal-footer").hide();
                        
                        setTimeout(function() {
                            $("#give-feedback-modal").modal("hide");
                        }, 1000);
                    }
                );
            }
            else {
                $("#message").focus();
            }
        });
    </script>
    
    <!-- Login modal popup -->
    <div class="modal hide fade" id="login-modal" style="margin-top: -200px;">
        <div class="modal-header">
            <h3>Already a user? Log in now!</h3>
        </div>
        <div class="modal-body">
            <form class="form-horizontal" id="login-form" method="post" action="/home/doLogin">
           
                                
                <fieldset>
                    <div class="control-group">
                        <label class="control-label" for="email">Email</label>
                        <div class="controls">
                            <input type="text" class="input-large" name="email" id="email" value="" />
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="password">Password</label>
                        <div class="controls">
                            <input type="password" class="input-medium" name="password" id="password" />
                        </div>
                    </div>
                </fieldset>
            </form>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal">Cancel</button>
            <button id="login-button" class="btn btn-primary">Log in</button>
        </div>
    </div>
    
    <script type="text/javascript">
        $(".login-show-modal").click(function() {
            $("#login-modal").modal();
            
            $("#password").val("");
            
            $('#login-modal').on('shown', function () {
                                    $("#email").val("");
                    $("#email").focus();
                            });
        });
        
                
        $("#login-button").click(function() {
            if (!$("#email").val()) {
                $("#email").focus();
            }
            else if (!$("#password").val()) {
                $("#password").focus();
            }
            else {
                $("#login-form").submit();
            }
        });
    </script>
    
    <script type="text/javascript">
    
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-34015555-1']);
      _gaq.push(['_trackPageview']);
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    
    </script>
    
  </body>
</html>